/**
  * Musashi - A project manager for music groups and bands
  * Copyright (C) 2010 Daniel Torres
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */

/*  ---------------------------------------------------------------------------*/
/*  Main page formats                                                          */
/*  ---------------------------------------------------------------------------*/


#folder-container
{
    overflow:hidden;
    margin:30px 0 0;
    padding:0;
    background:#fff;
    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
    border:1px solid #cacaca;        
}

#folder-container h1 { font-size:20px; font-family:arial, sans-serif; font-weight:bold;   color:#000; margin:10px 0 0 10px; line-height:1;}
#folder-container h2 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:#000; margin:  0  0 0 10px; line-height:1;}
#folder-container h3 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:#000; margin:0; text-align:center;}

#folder-selection
{
    float:left;
    width:50%;
}

#folder-selection select
{
    width:150px;
    font-size:20px;
    font-family:arial, sans-serif;
    font-weight:bold;
    color:#000;
    margin:10px 0 5px 10px;
}

#folder-options
{
    width:32%;
    float:right;
    padding-top:35px;
}

#folder-options ol
{
    list-style:none;
    display:block;
    margin:0;
    padding:0;
}

#folder-options li
{
    display:inline;
    margin:0 10px 0 0;
    padding:0;
}

#folder-options a:link{
    text-decoration:none;
    color:#009ACA;
    outline:none;
}
#folder-options a, a:visited {
    font-weight:bold;
    color:#009ACA;
}

#content-area
{
    border-top: 1px solid #CACACA;
    height: 300px;
    margin-top: 60px;
    width: 100%;    
}

#file-container
{
    overflow:auto;
    margin-top:1em;
    height:290px;
}

#file-container ol
{
    margin:0;
    padding:0;
}

#file-container li
{    
    margin:5px 0 0 0;
    padding:0 0 0 20px;
    border-bottom:1px dashed #cacaca;
    height:45px;
}

#file-container a:link
{
    text-decoration:none;
    color:#009ACA;
    outline:none;
    display:block;
}

#file-container a,a:visited
{
    font-weight:bold;
    color:#009ACA;
}

#file-container h3
{
    float:right;
    width:20%;
}

#file-container h4 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:gray; margin:0; text-align:center; }
#file-container .nofiles
{
    margin-top:100px;
    padding:0;
    
}

#file-container h5 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:gray; margin:0; text-align:left; width:50%; float:left;}

#file-container a [href*='/doc/'] {background-image: url('../../common/icons/delicious.png');background-size:16px;}
#file-container a [href*='.jpg'] {background-image: url('icons/digg.png'); background-size:16px;}
#file-container a [href*='.png'] {background-image: url('icons/facebook.png'); background-size:16px;}

/*  ---------------------------------------------------------------------------*/
/*  Modal window formats                                                       */
/*  ---------------------------------------------------------------------------*/


#new-folder
{
    border-bottom: 1px solid #cacaca;
    background-color:#FFFF66;
}

#new-file
{
    border-bottom: 1px solid #cacaca;
    background-color:#FFFF66;
    height:100px;
}

#new-folder h2 {font-size:13px; font-family:arial, sans-serif; font-weight:bold; color:#000; margin: 10px  0 0 10px; line-height:1;}

#new-folder ol, #new-folder li
{
    border-style:solid;
    border-width:2px;
    
    line-height:30px;
    list-style:none;
    padding:0;
    margin:0 0 2px 0;
    
    border:none;
    float:left;    
}

#new-folder label
{
    float:left;
    font-size:13px;
    width:7em;
    text-align:right;
}

#new-file label
{
    float:left;
    font-size:13px;
    width:7em;
    text-align:right;
    
}

#new-folder input:not([type=radio]) {
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    
    font: 13px Georgia, Times, Serif;    
    
    outline:none;
    margin-left:10px;
}

#new-folder input:not([type=radio]):focus, textarea:focus {
    background:#eaeaea;
}

#new-folder button
{
    width:90px;
}

#new-folder fieldset 
{
    border:0px;
    background:none no-repeat left 50%;
    line-height:20px;
    padding:10px 0 0 30px;
    width:auto;
    margin:0 0 0 7em;
}

#new-file fieldset
{
    border:0px;
    background:none no-repeat left 50%;
    line-height:20px;
    padding:5px 0 0 0px;
    margin:0;
    
}

#new-folder .new-folder-form
{
    margin:0;
    padding:0;
}

#new-file .new-file-form
{
    margin:0;
    padding:0;
    float:left;
}

#new-file input:not([type=file]):focus, textarea:focus {
    background:#eaeaea;    
}

#new-file input:not([type=file]) {
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    
    font: 13px Georgia, Times, Serif;
    
    outline:none;
    margin-left:10px;    
}

#new-file button
{
    width:90px;
}

.error
{
    border-left: 10px solid red;
    color: blue;
    font-family: arial;
    font-size: 13px;
    padding:0.3em 0.3em 0.3em 10px;
    width: 359px;
    margin-bottom:-25px;
}


#new-file .new-file-info
{
    float:right;
    width:45%;
    margin:10px 5px 0 0;
}

#new-file .new-file-progress
{
    background-color:red;
    width:100%;
    margin-top:5px;
}

#new-file h2 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; font-style:italic; color:#000; margin:0; line-height:1.2;}
#new-file h3 { font-size:12px; font-family:arial, sans-serif; font-weight:normal; color:gray; margin:0; line-height:1.2; text-align:left;}

/*
  Expertise CSS stylesheet
*/

/*

div.file-frame
{
    
}

div.title
{
    font-weight: bold;
    font-size: 16px;
    text-align:right;
    padding:.5em;
    color:black;
}

div.subtitle
{
    font-weight:normal;
    font-size:12px;
    text-align:right;
    border-top: 1px solid gray;
    border-bottom:1px solid gray;
    color:gray;
    padding:.5em;
    margin-bottom:3em;
    
}

div.description
{
    font-weight:normal;
    font-size:10px;
    text-align:left;
    color:gray;
}

div.previous-message
{
    width:auto;
    border-top:1px dotted gray;
    border-bottom:1px dotted gray;
    margin:0.1em 2em 0.1em 2em;
    padding:0.1em;
    color:black;
    text-align:center;    
}

div.section
{
    margin:5px auto;    
}

div.section-header
{
    width:99%;
    margin:0;
    padding:0;
    
}

div.section-options
{
    padding:0.3em;
    text-align:right; 
}
div.section-options a
{
    display: inline;
    text-decoration:none;    
    
}

div.section-name
{
    float:left;
    width:150px;
    margin:0;
    padding:0.1em;
}

div.section-title
{
    font-weight:bold;
    font-size:12px;
    
}

.select-folder
{
    width:150px;
}

div.section-subtitle
{
    font-weight:normal;
    font-size:12px;
    margin-left:160px;
    border:1px dotted gray;
    padding:1em;
    
}

#file-table
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    
    margin-top:4em;
}

#file-table th
{
    font-size: 13px;
    font-weight: bold;    
    border-bottom: 1px dotted gray;
    padding-bottom:0.5em;
}
#file-table td
{
    padding: 5px;
    border-bottom: 1px solid #fff; 
    color: #669;
}

#file-table a
{
    text-decoration:none;
}

#file-table tr:hover td
{
    background: #d0dafd;
    color: #339;
}

div.nf-header
{
    font-weight: bold;
    font-size: 16px;
    text-align:right;
    color:black;

    margin:0;
    padding:1em;
    border-bottom: 1px dotted gray;
    text-align:left;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;

    
}

.nf-form
{
    margin:0;
    padding:1em;
    width:90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
}

.nfolder-form
{
    margin:0;
    padding:1em;
    width:90%;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
}

.nfolder-form ol
{
    list-style:none;
    margin:0;
    padding:0;
}

.nfolder-form li
{
    
}

.nfolder-form label
{
    float:left;
    width:100px;
    text-align:right;
    margin-right:7px;
    line-height:23px;
}

.nfolder-form input
{
    
}

.nf-form ol
{
    list-style:none;
    margin:0;
    padding:0;        
}

.nf-form li
{
}

.nf-form label
{
    float:left;
    width:100px;
    text-align:right;
    margin-right:7px;
    line-height:23px;}

.nf-form input
{
}

.nf-form input:focus
{
    background:#e3f1f1;    
}

.nf-submit
{   
    margin-left:110px;
    color:black;
}

div.nfile-label
{
    float:left;
    padding:0.1em;
    width:180px;
    color:black;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
}

.nfile-input
{
    margin-left:10px;
    color:black;
}

.nfile-submit
{    
    margin-left:190px;
}
*/
